import { PageContainer } from '@ant-design/pro-layout';
import { useRef } from 'react';
import styles from './index.less';
export default function Page() {
  return (
    <PageContainer title="查看">
      <div className={styles.webPage}>
        <div className={styles.printPage}>
          <div className={styles.title}>三门峡计算机与数字经济学会单位会员档案</div>
          <div className={styles.tabbar}>
            <div className={styles.tabbarItem}>
              <div className={styles.tabbarItemLabel}>会员类别：</div>
              <div className={styles.tabbarItemValue}>单位会员</div>
            </div>
            <div className={styles.tabbarItem}>
              <div className={styles.tabbarItemLabel}>会员级别：</div>
              <div className={styles.tabbarItemValue}>会员</div>
            </div>
          </div>
          <div className={styles.contnet}>
            <div className={styles.row}>
              <div className={styles.rowTitle}>单位基本信息</div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>单位全称</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}>
                  {' '}
                  环宇博创
                </div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>单位法人</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>信用代码</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>成立日期</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>上级单位</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>单位性质</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>注册地址</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>单位电话</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>办公地址</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>上年产值</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>单位网址</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>上年人数</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>业务范围</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>推 荐 人</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowItem}>
                <div className={styles.label}>其他团体</div>
                <div className={styles.value} style={{ borderRight: '1px solid #000' }}></div>
              </div>
              <div className={styles.rowItem}>
                <div className={styles.label}>入会日期</div>
                <div className={styles.value}></div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.rowTitle}>在本会任职员人员信息</div>
            </div>

            <div className={styles.list}>
              <div className={styles.listTabbar}>
                <div className={styles.data} style={{width:60}}>序号</div>
                <div className={styles.data} style={{width:100}}>姓名</div>
                <div className={styles.data} style={{width:120}}>手机号</div>
                <div className={styles.data} style={{width:120}}>本会职务</div>
                <div className={styles.data} style={{width:120}}>单位职务</div>
                <div className={styles.dataEnd} style={{width:280}}>人大政协及其他团体任职</div>
              </div>
              <div className={styles.listItem}>
                <div className={styles.data} style={{width:60}}>1</div>
                <div className={styles.data} style={{width:100}}>李四</div>
                <div className={styles.data} style={{width:120}}>15903624825</div>
                <div className={styles.data} style={{width:120}}>普通员工</div>
                <div className={styles.data} style={{width:120}}>销售经理</div>
                <div className={styles.dataEnd} style={{width:280}}>无</div>
              </div>
            </div>
            <div className={styles.row}>
              <div className={styles.label}>
                本单位的主要的产品与技术、资质荣誉、知识产权及科技成果等
              </div>
              <div className={styles.valueRow}></div>
            </div>
            <div className={styles.row}>
              <div className={styles.label}>希望学会为贵单位提供的服务</div>
              <div className={styles.valueRow}></div>
            </div>
            <div className={styles.row}>
              <div className={styles.label}>
                已参加本市或其他学会、协会、研究会等社团名称及会员级别
              </div>
              <div className={styles.valueRow}></div>
            </div>
            <div className={styles.bottom}>
              扫描须上传附件包括但不限于：1、营业执照及要资质文件；2､单位相关的专利发明、学术论文等成果文件；4､单位相关的荣誉文件；5､在本会任职人员的学历学位、职称、学术成果、资质荣誉、单位出具的学协会任职证明等相关文件材料；6､其他相关的文件或证明材料。
            </div>
          </div>
        </div>
      </div>
    </PageContainer>
  );
}
